<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    function ajax(url){

        return new Promise(function(resolve,reject){

            var xhr=new XMLHttpRequest();
            xhr.open("GET",url,true);
            xhr.send();
            xhr.onreadystatechange=function(){
                if(xhr.readyState==4 ){

                    if(xhr.status == 200 ){
                        resolve( xhr.responseText )
                    }else{
                        reject( "出错了---" )
                    }
                }
            }

        })
    }

/*
    ajax("./1.json")
    .then(
        (d)=>{ 
            console.log(d) 
            return  ajax("./2.json")
        }
    )
    .then( 
        (d)=>{
            console.log(d) 
        }
    )
    .catch( 
        (d)=>{
            console.log(d);
        }
     )
*/

// async await 是 generator 的语法糖

   async function  getList(){
        //await 等待
        try{
            let a= await ajax("./1.json"); // 如果 promise 结果是成功的，执行下一步，
                                                 // 如果 失败，终止执行
            let b= await ajax("./2.json");
            console.log(a,b);

        }catch{
           console.log("try 中的 出错了，执行catch这里的代码") 
        }

    }

    getList();



</script>
</html>